$(function(){

    ;(function (doc, win) {

        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        recalc = function () {

            clientWidth = $(window).width();

            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
        };

        if (!doc.addEventListener) return;

        win.addEventListener(resizeEvt, recalc, false);

        recalc();

    })(document, window);

    var playPause = document.querySelector(".v-btn"),//播放或者暂停按钮

        videoOps = document.querySelector(".video-ops"),//底部操作区域

        pgRanks = document.querySelector(".pg-ranks"),//快进线

        pgTag = document.querySelector(".pg-tag"),//快进按钮

        vpTimer = document.querySelector(".vp-timer"),//播放时间记录

        cTimer = document.querySelector(".ctimer"),//影片的总时间

        cTimerV = 0,//影片的总时间

        videoM = document.querySelector(".video-m"),//video 蒙层 供点击使用

        vpScreen = document.querySelector(".vp-screen"),//是否全屏播放按钮

        myVideo = document.querySelector(".my-video"),//视频播放video

        vpProgress = document.querySelector(".vp-progress");//进度条区域

    var config = {

            vpProgress: document.querySelector(".vp-progress"),

            vpX : $(vpTimer).width(),//进度条的左边区域

            vpW : $(".vp-progress").width(),//进度条的宽度

            screenH: $(window).height(),//设备的高度

            videoH: '',//视频播放器的高度

        },
        $commentC = $(".comment-c"),//评论区的列表盒子对象
        $commentBox = $(".comment-box");//评论区的内容盒子对象
    /**
     * 控制视频播放
     */
    function playControl(){

        if (myVideo.paused) {

            myVideo.play();

            $(playPause).removeClass('play-icon');

        } else {

            myVideo.pause();

            $(playPause).addClass('play-icon');

        }
    }

    /**
     * 得到形如00:00:00的时间
     */
    function getMydate(t){

        t = parseInt(t, 10);

        var _h = 0,_m = 0,_s = 0;

        if(t >= 3600){

            _h = parseInt(t/3600);

            _h = _h >= 10 ? _h : "0" + _h;

            t = t%3600;

        }else{

            _h = "00";
        }

        if(t >= 60){

            _m = parseInt(t/60);

            _m = _m >= 10 ? _m : "0" + _m;

            t = t%60;

        }else{

            _m = "00";
        }

        _s = t >= 10 ? t : "0" + t;

        return _h + ":" + _m + ":" + _s;

    }

    /**
     * 改变进度条 以及播放器的播放时间 p: 状态
     */
    function changeVideoCurrentTimer(states){

        if(!states) return false;

        if(states === "begin"){

            $(".ctimer").html(getMydate(cTimerV));

            $(".ctimer-l").html(getMydate(0));

            $(".vp-timer").html(getMydate(0));

            $(pgRanks).width(0);

            $(pgTag).css({"left": 0,"right": "auto"});

        }else if(states === "end"){

            $(".ctimer-l").html(getMydate(cTimerV));

            $(".vp-timer").html(getMydate(cTimerV));

            $(pgRanks).width("100%");

            $(pgTag).css({"left": "auto","right": 0});

        }else{

            /**
             * 显示进度时间
             */
            var _currentTimer = getMydate(cTimerV*states);

            $(".ctimer-l").html(_currentTimer);

            $(".vp-timer").html(_currentTimer);

            $(pgRanks).width(states*100 + "%");

            $(pgTag).css({"left": states*100 + "%","right": "auto"});

        }

    }

    /**
     * 客户端开始请求数据
     */

    myVideo.addEventListener("loadstart",function(){

        console.log("客户端开始请求数据");

    },false)

    /**
     * 网速不好时候 触发 stalled 事件
     */

    myVideo.addEventListener("stalled",function(){

        console.log("网络出现状况了");

    },false)

    /**
     * 等待数据  waiting
     */
    myVideo.addEventListener("waiting",function(){

        console.log("等待数据");

    },false)


    /**
     * 获取资源的长度 duration
     */
    myVideo.addEventListener("loadedmetadata",function(){

        var _totalTimer = getMydate(this.duration),_currentTimer = getMydate(this.currentTime);

        /**
         * 视频加载成功之后 对数据初始化
         */

        cTimerV = this.duration;

        changeVideoCurrentTimer("begin");

        $(videoM).addClass("success");

    },false)


    if(!myVideo.autoPlay){
        $(playPause).addClass('play-icon');
    }

    /**
     * 获取当前的播放时间 currentTime
     */
    myVideo.addEventListener("timeupdate",function(){

        // if(this.currentTime > 100){
        //
        //     /**
        //      * 这里判断 试看是否结束  要付费吗？  demo 待续
        //      */
        //
        //     myVideo.pause();
        //
        //     myVideo.src="";
        //
        //     changeVideoCurrentTimer("end");
        //
        //     $(videoM).removeClass("success").html("免费已经结束");
        //
        // }else{
        //
        //     changeVideoCurrentTimer(this.currentTime/cTimerV);
        //
        // }
        changeVideoCurrentTimer(this.currentTime/cTimerV);
    },false)

    /**
     * 视频播放结束
     */
    myVideo.addEventListener("ended",function(){

        changeVideoCurrentTimer("end");

    },false)

    /**
     * 点击改变进度条
     */
    vpProgress.addEventListener("click",function(e){

        /**
         * 获取到点击的位置
         */
        if(!cTimerV) return false;

        var _leftWidth = e.pageX - config.vpX,_ranks = _leftWidth/config.vpW;

        /**
         * 这类通过 _ranks 改变状态 以及 myVideo 的播放currentTimer
         */

        myVideo.currentTime = _leftWidth*_ranks;

        changeVideoCurrentTimer(_ranks);

    })

    /**
     * 点击控制播放和暂停
     */
    videoM.addEventListener("click",function(e){

        playControl();
    });
    /**
     * 显示星星 分数
     */
    var _source = $(".source-num").html();

    _source = parseFloat(_source);

    function getSourceStar(source){

        if(!source) return false;

        var _int = Math.round(source),_dom = '';

        for(var i=0;i<5;i++){

            if(_int >= 2){

                _dom += '<i class="icon star whole"></i>';

            }else if(_int < 2 && _int > 0){

                _dom += '<i class="icon star half"></i>';

            }else{

                _dom += '<i class="icon star no"></i>';
            }

            _int = _int - 2;

        }

        return _dom;
    }

    $(".show-source").html('').append(getSourceStar(_source));


    /**
     * 是否显示 影片简介
     */
    $(".show-ind").on("click",function(e){

        $(".video-info").toggleClass("active");

        return false;
    })

    /**
     * 是否 想看
     */
    $(".want-see").on("click",function(){

        $(this).toggleClass("active");

        return false;
    })


})